<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="less">
	/*每个页面公共css */
	@import "@/common/styles/common.less";
	@import "@/common/styles/icon.css";
	
	view,
	text,
	input,
	textarea,
	button,
	scroll-view,
	movable-area,
	movable-view {
		box-sizing: border-box;
	}
	
	.hide {
		display: none !important;
	}
	
	// 按钮样式
	.l-btn {
		padding: 10rpx 20rpx;
		margin: 0;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 8rpx;
		border: none;
		outline: none;
		font-size: 24rpx;
	
		&::after {
			border: none;
		}
	}
	
	.btn-primary {
		background: @primary;
		color: #000;
	}
	
	.btn-info {
		background: @info;
		color: #000;
	}
	
	.l-button--small {
		width: 124rpx;
		height: 48rpx;
		font-size: 20rpx;
		padding: 0;
		border: solid 2rpx rgba(0, 0, 0, .5);
	}
	
	.btn-hover {
		transition: 0.12s;
		transform: scale(0.95);
	}
	
	// 超出滚动
	.scroll-y {
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	// 超出一行显示省略号
	.overflow-ellipsis {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	// 全屏遮罩
	.full-mask-screen {
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .6);
		top: 0;
		left: 0;
		z-index: 0;
	}
	
	/* 圆形选项框样式 */
	.l-radio {
		width: 44rpx;
		height: 44rpx;
		text-align: center;
		line-height: 40rpx;
		border-radius: 50%;
		border: solid 2rpx #ccc;
		font-size: 28rpx;
		color: transparent;
		transition: all .15s linear;
	
		.iconfont {
			font-size: 22rpx;
			display: inline-block;
			transform: scale(.8);
		}
	
		&.active {
			background: @primary;
			border-color: @primary;
			color: #000;
		}
	}
	
	// 缩放点击特效
	.zoom-hover {
		animation: btnZoom .3s ease-in-out forwards;
	}
	
	@keyframes btnZoom {
		0% {
			transform: scale(1.3);
		}
	
		100% {
			transform: scale(1);
		}
	}
	
</style>
